草庐IT

AngularJS 应用

全部标签

Javascript单页应用导览工具

我曾经看到一个javascript工具(可能是jquery插件)来实现功能/指南功能,不幸的是我没有将该页面添加为书签。它使用覆盖并专注于文档元素,可能基于id属性。Joyride或者我发现谷歌搜索不支持这一点。你有什么想法吗? 最佳答案 Sideshow是一个现代且功能强大的库,用于为Web应用程序和网站创建交互式导览。Sideshow不仅可以指导您的用户,还可以与他们互动:通过屏蔽屏幕的其余部分(Sideshow对此不使用z-index方法,它的掩码并不位于元素后面,而是真正围绕着它)。监控用户的行为和某些屏幕的状态。为您的教程

javascript - ng-repeat 中的 AngularJS "headers"

最近出现的问题不止一个,我想知道解决这个问题的最佳方法。简单地说:我有数据显示在ng-repeat中,按特定项目排序。例如,假设它按名称排序。我的目标是在按字母顺序排列的列表中的字母分隔符处设置标题:----A----AbeLincolnAdamSmith----B----BarackObamaBarryZuckercorn----C----...等等。我尝试过的事情包括:让Controller完全重新构建传入的模型数据,手动将其放入一组字母组中。例如,我的服务有一个“posts”数组,而我的Controller在服务更新时手动将这些“posts”洗牌到一个“letterGroups”

javascript - 从 AngularJS 工厂返回函数

我想了解这个AngularJS工厂方法的返回部分的目的是什么?return{getMessages:getMessages};如果我们向这个工厂添加一个名为getAnotherMessage()的新方法会发生什么,我们是否需要更新这个返回段?myModule.factory('HelloWorld',function($q,$timeout){vargetMessages=function(){vardeferred=$q.defer();$timeout(function(){deferred.resolve(['Hello','world!']);},2000);returndef

javascript - AngularJS Controller 返回值

AngularJS的“Controller作为”技术由JohnPapa描述。作为:myApp.controller("MainCtrl",[function(){varvm=this;//convention-ViewModelvm.person={name:"Bob"};returnvm;}]);returnvm;这一行的目的是什么?没有它,代码也能正常工作。 最佳答案 当Angular创建您的Controller时,它将在您传入的函数上使用new关键字。因此,它将使用您传入的构造函数构造一个新对象。从构造函数返回对象函数将导致A

javascript - Angularjs:捕获浏览器中的刷新事件

在angularjs中可以处理用户点击浏览器上的刷新按钮吗?框架有没有暴露给开发者的方法?谢谢 最佳答案 要处理重新加载本身(包括按F5)并在重新加载甚至取消之前采取行动,请使用“beforeunload”事件。varwindowElement=angular.element($window);windowElement.on('beforeunload',function(event){//DoSomething//Afterthiswillpreventreloadornavigatingaway.event.preventDe

javascript - 取消/中止 angularJs 中的所有未决请求

在路由更改时,我需要中止来自先前路由的所有待处理请求,这样我就不会遇到来自先前路由的响应弄乱我当前路由上的数据的问题(当来自先前路由的响应需要很长时间时,有时会发生这种情况完成)。我考虑过使用httpinterceptor为此:$httpProvider.interceptors.push(function($q){return{'request':function(config){},'response':function(response){}};});在请求函数中,我可以按照建议修改config.timeouthere并将所有延迟的对象存储在全局缓存中,以便我可以取消所有这些对象

javascript - 如何使用angularJS突出显示可拖动元素下的拖放区?

当拖动的元素位于其上方时,我无法突出显示放置区(使用dropZone指令定义)。我试过使用CSS:.highlight{background-color:rgba(0,255,0,0.2);}.highlight:hover{background-color:rgba(0,255,0,0.5);}但这不起作用,因为我正在拖动一个元素,所以hover位于可拖动元素上。代码如下:varapp=angular.module("myApp",[]);app.directive("dragCopy",function($http,$compile,$document){return{restri

javascript - 如何使用 Angularjs Dropdown Multiselect 显示带计数的下拉值?

AngularJSDropdownMultiselect--根据选项搜索自定义模板。我发现我的查询的解决方案将使用AngularJSDropdownMultiselect文档的上述url,但如果我使用以下代码,它不会反射(reflect)在我的应用程序View中:$scope.example19settings={template:'{{option.name}}'};我想通过添加计数来实现它:$scope.example19settings={template:'{{option.name}}({{option.count}})'};有什么建议或缺少链接吗?$scope.extraS

javascript - 使用相对路径从根加载图像使用--> webpack - file-loader - Angularjs

我正在使用Webpack在我的HTML、CSS和JS上加载图像。我的配置是:{varpath=require('path');varwebpack=require('webpack');constHtmlWebpackPlugin=require('html-webpack-plugin');constExtractTextPlugin=require('extract-text-webpack-plugin');varconfig={entry:['angular','./src/lib.js','./src/app.js',],output:{path:path.join(__di

javascript - 在 JHipster Angular 应用程序中添加 Google Chart 库

我在我的JHipsterangular7应用程序中使用谷歌图表。在index.html中添加以下脚本标签以加载谷歌图表可视化库google.charts.load('current',{packages:['corechart']});图表运行良好,但我的应用程序越来越慢。如果我在浏览器中移动鼠标,浏览器CPU使用率达到高(100%),这会导致浏览器挂起、响应缓慢等。如果我评论图表div则没有此类问题。是否有任何其他解决方案,例如通过webpack加载脚本? 最佳答案 可以直接使用googlechartsCDN:上面的链接是条形图,